<?php
$this->title = '初始页';
$this->params['breadcrumbs'] = [['label' => '站点', 'url' => 'index.php'], ['label' => '业务概览']];
?>
<style>
    .white {
        color: white;
    }

    .font-16 {
        font-size: 16px;
    }

    .font-18 {
        font-size: 30px;
    }

    .white p {
        margin: 0px;
    }

    .grey {
        color: #ccc;
        font-size: 20px;
        margin-left: 10px;
        margin-bottom: 10px;
    }
    .txt-right {
        text-align:right!important;
    }
    .fl{
        float:left
    }
    .fr{
        float:right;
    }
    .detail_more{
        margin-top:5px;
    }
    .col-md-3{
        width:22%;
    }
    .content_box{
        padding: 10px;
        width: 50%;
        border: 1px solid #ccc;
        margin-top:20px;
    }
    .content_box>div:first-of-type{
        border-bottom: 1px solid #ccc;
        height: 50px;
        line-height: 50px;
        margin-bottom: 13px;
    }
</style>

<h3 class="page-title"> 初始页
    <small>总控 & 统计</small>
</h3>

<!--用户统计开始-->
<div class="row col-md-11">
    <div class="col-md-3 white text-center"
         style="background:#2DCC70;padding-bottom:12px;margin-left:10px;padding-top:30px;border-radius:8px!important">
        <p class="txt-right">
            <span class="font-18"><?= $member_count ?></span>
        </p>
        <p class="txt-right"><span class="font-16">今日订单数</span></p>
        <div class="clearfix detail_more">
            <a class="more fl" href="?r=member/default/index"> 查看更多
            </a>
            <i class="m-icon-swapright m-icon-white fr"></i>
        </div>
    </div>
    <div class="col-md-3 white text-center"
         style="background:#2DCC70;padding-bottom:12px;margin-left:10px;padding-top:30px;border-radius:8px!important">
        <p class="txt-right">
            <span class="font-18"><?= $member_count ?></span>
        </p>
        <p class="txt-right"><span class="font-16">今日已付金额</span></p>
        <div class="clearfix detail_more">
            <a class="more fl" href="?r=member/default/index"> 查看更多
            </a>
            <i class="m-icon-swapright m-icon-white fr"></i>
        </div>
    </div>

    <div class="col-md-3 white text-center"
         style="background:#2DCC70;padding-bottom:12px;margin-left:10px;padding-top:30px;border-radius:8px!important">
        <p class="txt-right">
            <span class="font-18"><?= $member_count ?></span>
        </p>
        <p class="txt-right"><span class="font-16">会员增加数</span></p>
        <div class="clearfix detail_more">
            <a class="more fl" href="?r=member/default/index"> 查看更多
            </a>
            <i class="m-icon-swapright m-icon-white fr"></i>
        </div>
    </div>

    <div class="col-md-3 white text-center"
         style="background:#2DCC70;padding-bottom:12px;margin-left:10px;padding-top:30px;border-radius:8px!important">
        <p class="txt-right">
            <span class="font-18"><?= $member_count ?></span>
        </p>
        <p class="txt-right"><span class="font-16">会员总数</span></p>
        <div class="clearfix detail_more">
            <a class="more fl" href="?r=member/default/index"> 查看更多
            </a>
            <i class="m-icon-swapright m-icon-white fr"></i>
        </div>
    </div>
</div>
<div style="clear:both"></div>

<div style="width:50%;margin-left: 10px;" class="content_box">
    <div class="clearfix">
        <div class="fl">
            <img width="20px" src="<?= \yii::$app->params['img_host'].'/images/backend/share.png'?>" />
            <span>分享</span>
        </div>
        <div class="fr">
            <button class="btn btn-primary">快速查看</button>
        </div>
    </div>

    <div>

        <!-- Nav tabs -->
        <ul class="nav nav-tabs"  role="tablist">
            <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">新会员</a></li>
            <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">最新订单</a></li>
        </ul>

        <!-- Tab panes -->
        <div class="tab-content clearfix">
            <div role="tabpanel" class="tab-pane active" id="home">
                <table class="table table-hover table-striped table-bordered">
                    <thead>
                        <tr>
                            <th>会员名称</th>
                            <th>支付单数</th>
                            <th>注册时间</th>
                        </tr>
                    </thead>

                    <tbody>
                        <tr>
                            <td>会员名称</td>
                            <td>支付单数</td>
                            <td>注册时间</td>
                        </tr>
                        <tr>
                            <td>会员名称</td>
                            <td>支付单数</td>
                            <td>注册时间</td>
                        </tr>
                        <tr>
                            <td>会员名称</td>
                            <td>支付单数</td>
                            <td>注册时间</td>
                        </tr>
                    </tbody>

                    <tfoot>

                    </tfoot>
                </table>
            </div>
            <div role="tabpanel" class="tab-pane" id="profile">
                <table class="table table-hover table-striped table-bordered">
                    <thead>
                    <tr>
                        <th>会员名称</th>
                        <th>支付单数</th>
                        <th>注册时间</th>
                    </tr>
                    </thead>

                    <tbody>
                    <tr>
                        <td>会员名称</td>
                        <td>支付单数</td>
                        <td>注册时间</td>
                    </tr>
                    <tr>
                        <td>会员名称</td>
                        <td>支付单数</td>
                        <td>注册时间</td>
                    </tr>
                    <tr>
                        <td>会员名称</td>
                        <td>支付单数</td>
                        <td>注册时间</td>
                    </tr>
                    </tbody>

                    <tfoot>

                    </tfoot>
                </table>
            </div>
        </div>

    </div>
</div>



<script type="text/javascript">

    // var job_data = '<?php //echo json_encode($job_num);?>';
    // var num1 = '<?php //echo $new_job_num;?>';
    // var total_job_data = '<?php //echo json_encode($total_job_num);?>';
    // var num2 = '<?php //echo $total_num;?>';
</script>

